<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文章页</title>
<link rel="stylesheet" type="text/css" href="../css/blog.css"/>
<script type="text/javascript" src="../js/jquery-1.12.0.min.js"></script>
</head>

<body>
<div class="sub-cont">
	<div class="profile"><a href="index.html"><img src="../images/heart.jpg" /></a></div>
    <div class="sub-name">
    	<h2>kite</h2>
        <p>一句话简介一句话简介一句话简介一句话简介</p>
    </div>
    <ul class="sub-nav">
    	<li><a href="">首页</a></li>
        <li><a href="">分类一</a></li>
        <li><a href="">分类二</a></li>
        <li><a href="">分类三</a></li>
        <li><a href="">分类四</a></li>
    </ul>
    <div class="sub-link">
    	<a href="" class="ico github"></a>
    	<a href="" class="ico mail"></a>
    	<a href="" class="ico rss"></a>
    </div>
</div>
<div class="page-cont">
    <div class="page-article">
    	<h1>LOFTER——专注兴趣，分享创作</h1>
        <div class="article-cont">
        	<p><img src="../images/article-1.jpg" /></p>
        	<p><strong>精致体验：</strong>LOFTER追求精致入微的视觉和交互体验，为每一片内容精心度量，让你的视角所触及的每一个像素，都蕴含独具匠心的精致设计。</p> 
        	<p><strong>极简易用：</strong>LOFTER在功能方面努力做到简单易用，希望让用户的每一次操作都能简单快捷、随性而为，从而满足目标用户碎片化、高效率的记录需求。</p> 
        	<p><strong>内容品质：</strong>LOFTER推崇纯粹的内容主义，摒弃一切与内容无关的琐碎和繁杂，并希望通过挖掘和推荐，打造一系列优秀的LOFTERS，激活目标用户的阅读兴趣。</p>
		</div>
        <div class="info">
        	<p class="date">2016-01-15</p>
            <div class="nav">
            	<a href="" class="prev">上一篇：使用 Linux 文件恢复工具</a>
                <a href="" class="next">下一篇：SSH keys 公钥配置与使用</a>
            </div>
        </div>
    </div>
</div>
</body>
</html>
